<template>
  <div class="item">
    <p class="top">
      <span class="font-color">{{List.count}}</span>
      {{List.unit}}
    </p>
    <p class="bottom">{{List.desc}}</p>
  </div>
</template>
<script>
export default {
  name:'MoneyItem',
  props:{
    List:{
      type:Object,
      default(){
        return {}
      }
    }
  }
}
</script>
<style scoped>
  .item{
    display: flex;
    flex-direction: column;
  }
  .top{
    margin-bottom:10px;
  }
  .font-color{
    color: var(--color-high-text);
    font-size: 22px;
  }
</style>